@import "~ares-uikit/lib/style/base/variables.less";

.data-filter-item-warpper {
    padding: 0 @h-spacing-sm;
    font-size: @font-size-base;
    color: @color-text-secondary;
    cursor: pointer;

    .cur-value {
        position: relative;
        display: block;
        font-size: @font-size-base;
        color: @color-text-secondary;

        .appIcon {
            position: absolute;
            top: 2px;
            right: -8px;
        }
    }


}

.data-filter-items {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;

    &.slide-down {
        height: auto;
        opacity: 1;
        z-index: 10;
        
        .list-body {
            display: block;
        }
    }

    .list-body {
        display: none;
    }

    .radio-item {
        padding-left: 15px;
    }

    .radio-item.checked {

        .list-line .list-content {
            color: @color-text-secondary;
        }
    }

    .list-item .list-line .list-content {
        font-size: @font-size-base;
        color: @color-text-secondary
    }
}